* {
    padding: 0;
    margin: 0;
}
.topNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.3467rem;
}
.icon-right {
    transform: rotateZ(180deg);
    font-size: .8533rem !important;
}
h1 {
    font-size: .9067rem;
    font-weight: 400;
}
.topNav p {
    background: url('../image/img3/today-menu.png')center/65% no-repeat;
    width: 2.1333rem;
    height: 2.3467rem;
}
.searchBox {
    width: 100%;
    padding: .5333rem .64rem;
    box-sizing: border-box;
    position: relative;
}
.searchBox input {
    width: 100%;
    line-height: 1.6rem;
    outline: none;
    padding: 0 .5333rem 0 2.9333rem ;
    box-sizing: border-box;
    border-radius: .96rem;
    background-color: #f8f8f8;
    border: none;
    font-size: .7467rem;
    color: #565656;
}
/* .searchBox input:: */
.searchBox p {
    position: absolute;
    top: 50%;
    left: 1.44rem;
    transform: translateY(-50%);
    font-size: .7467rem;
    color: #565656;
}
.broadPic1 {
    width: 100% !important;
    height: auto !important;
}











 html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: auto;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper {
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-pagination-bullet {
        width: .4267rem !important;
        height: .4267rem !important;
        margin: 0 .2133rem !important;
    }

.childrenLists {
    display: flex;
    width: 100%;
    height: 3.7867rem;
}
.childrenLists img {
    width: 20%;
    height: 100%;
}
.childrenTitle1 {
    width: 100%;
    padding: .5333rem .5333rem 0;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.childrenTitle1Text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.8133rem;
    position: relative;
}
.childrenTitle1Text p:nth-of-type(1) {
    font-size: .6933rem;
    margin-right: .2667rem;
    font-weight: 600;
    color: #030003;
    line-height: .96rem;
}
.childrenTitle1Text p:nth-of-type(2),.childrenTitle1Text p:nth-of-type(4),.childrenTitle1Text p:nth-of-type(6) {
    font-size: .6933rem !important; 
    color: #fff;
    background: #323232;
    border-radius: .1067rem;
    line-height: .96rem;
}
.childrenTitle1Text p:nth-of-type(3),.childrenTitle1Text p:nth-of-type(5) {
    font-size: .7467rem;
    color: #323232;
    width: .32rem;
    line-height: .96rem;
}
.childrenTitle1More {
    font-size: .64rem;
    color: #969696;
    position: absolute;
    right: .2667rem;
    display: flex;
    align-items: center;
}
.childrenTitle1More p {
    width: .2667rem;
    height: .48rem;
    background: url('../image/img3/children2-6.png')center/100% no-repeat;
    margin-left: .16rem;
}
.childrenTwoText {
    width: 5.6762rem !important;
    margin-right: .0533rem !important;
}
.childrenTwoLists1 {
    width: 100%;
}
.childrenTwoLists1 img {
    width: 100%;
}
.childrenTwoLists1 p:nth-of-type(1) {
    font-size: .64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .2667rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.0667rem;
}
.childrenTwoLists1 p:nth-of-type(2) {
    line-height: .896rem;
    color: #fe435d;
    text-align: center;
    font-size: .6933rem;
    padding: 0 .2667rem;
    width: 100%;
    box-sizing: border-box;
}
.childrenTwoLists1 del {
    line-height: .896rem;
    color: #aaa;
    text-align: center;
    font-size: .6933rem;
    padding: 0 .2667rem;
    width: 100%;
    box-sizing: border-box;
}
.childrenThreeLists {
    display: flex;
    width: 100%;
    list-style: none;
}
.childrenThreeLists li {
    width: 25%;
    font-size: .64rem;
    color: #000;
    line-height: 2.08rem;
    position: relative;
    text-align: center;
}
.hot1 {
    background: url('../image/img3/childrenHot.png')center/100% no-repeat;
    position: absolute;
    top: .1067rem;
    right: .1067rem;
    width: 1.1733rem;
    height: .8533rem;
}
.childrenBox1 {
    width: 100%;
}
.childrenBox1 img {
    width: 100%;
}


.childrentopPic {
    width: 100%;
}
.childrentopPic img {
    width: 100%;
}

.childrenThreeLists1 {
    width: 100%;
    margin-top: .8rem;
    padding-left: .16rem;
    box-sizing: border-box;
}
.childrenThreeLists1 ul {
    display: flex;
    overflow-x: scroll;
    list-style: none;
}
.childrenThreeLists1 ul::-webkit-scrollbar {
    display: none;
}
.childrenThreeLists1 ul li {
    width: 5.4693rem;
    margin-right: .2667rem;
}
.childrenThreeLists1Text img {
    width: 100%;
}
.childrenThreeLists1Text p:nth-of-type(1) {
    width: 100%;
    font-size: .64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}   
.childrenThreeLists1Text p:nth-of-type(2) {
    margin-top: .2133rem;
    font-size: .7467rem;
    display: flex;
    align-items: end;
}
.childrenThreeLists1Text1 span:nth-of-type(1) {
    font-size: .64rem;
    color: #ff463c;
    
}
.childrenThreeLists1Text1 span:nth-of-type(2) {
    font-size: .6667rem;
    color: #ff463c;
}
.childrenThreeLists1Text1 span:nth-of-type(3) {
    font-size: .5333rem;
    color: #ff463c;
}
.childrenThreeLists1Text1 span:nth-of-type(4) {
    background: #f2303c;
    font-size: .4267rem;
    margin: .0533rem .1333rem 0 0;
    padding: .0533rem .1067rem 0;
    box-sizing: border-box;
    border-radius: .0533rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: .16rem;
    line-height: .64rem;
}
.childrenfid {
    width: 100%;
    margin-top: .8rem;
}
.childrenfid img {
    width: 100%;
}

.rankingsLists {
    width: 100%;
    overflow-x: scroll;
}
.rankingsList {
    display: flex;
    list-style: none;
    width: 24.5333rem;
}
.rankingsLists::-webkit-scrollbar {
    display: none;
}

.rankingsList li {
    font-size: .7467rem;
    margin: 0 .5333rem;
    line-height: 2.1333rem;
}
.rankingsList li:nth-of-type(1) {
    color: #e64436;

    border-bottom: .1067rem solid #e64436;
}

.rotate1 {
    transform:rotate(180deg)
}
.moreMore {
    overflow:visible !important;
    height: auto !important;
}
.detailedlists {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    border-bottom: .0533rem solid #f4f4f4;
    border-top: .0533rem solid #f4f4f4;
    height: 2.4533rem;
    overflow: hidden;
}
.detailedlist {
    width: 90%;
    padding: .5333rem 0 0 .8rem;
}
.detailedlisticon {
    width: 10%;
    position: relative;
}
.detailedlisticon i{
    position: absolute;
    top: .8rem;
    right: .6933rem;
    width: .6933rem;
    height: .6933rem;
    background: url('../image/img3/bottomNavicon.png')center/100% no-repeat;
}
.detailedlist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: .64rem;
}
.detailedlist li {
    padding: 0 .5333rem;
    color: #787878;
    border: .0267rem solid #e6e6e6;
    border-radius: .8rem;
    margin: 0 .4267rem .5333rem 0;
    line-height: 1.312rem;
}
.detailedlist li:nth-of-type(1) {
    background: #e83c28;
    border: none;
    border-radius: .8rem;
    color: #fff;
}


.childrenmoreAdd {
    display: flex;
    width: 100%;
    padding: .2667rem 0;
    
}

.childrenmoreAdd img {
    width: 5.5467rem;
    height: 5.5467rem;
}
.childrenmoreAdd-text {
    width: 13.5547rem;
    height: 5.5467rem;
    align-content: center;
}
.childrenmoreAdd-text p:nth-of-type(1) {
    font-size: .7467rem;
    color: #444;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.childrenmoreAdd-text p:nth-of-type(2) {
    width: 100%;
    line-height: .96rem;
    color: #999;
    font-size: .5867rem;

}
.childrenmoreAdd-text-price {
    display: flex;
    align-items: baseline;
}
.childrenmoreAdd-text-price span:nth-of-type(1) {
    font-size: .64rem;
    color: #ff463c;
}
.childrenmoreAdd-text-price span:nth-of-type(2) {
    font-size: .8533rem;
    color: #ff463c;
}
.childrenmoreAdd-text-price del {
    margin-left: .32rem;
    font-size: .5867rem;
    color: #a1a1a1;
}
.childrenmoreAdd-text p:last-of-type {
    margin-top: .64rem;
    font-size: .64rem;
    color: #999;
    line-height: .8533rem;
}















.childrenbottomNav {
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    background-color: #f5f5f5;
    border-top: 1px solid #e3e3e3;
    z-index: 999;
}
.childrenbottomNav img {
    display: block;
    width: 20%;
}
.childrenbottomMore {
    width: 100%;
    text-align: center;
    padding: .4267rem 0;
    background: #f2f2f2;
}
.childrenbottomMore p {
    width: 6.4rem;
    font-size: .64rem;
    line-height: 1.44rem;
    padding: 0 1.8133rem;
    color: #898989;
    border: 1px solid #898989;
    border-radius: .8rem;
    box-sizing: border-box;
    margin: auto;
}
.small {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9ca8b6;
    height: 2.08rem;
    font-size: .7467rem;
}
.small img {
    width: 1.056rem;
    height: .4267rem;
    margin-right: .2667rem;
}